*{margin: 0;padding: 0;}
*{box-sizing: border-box;}

.window{
    width: 400px;height: 300px;
    margin: 20px auto;
    overflow: hidden;
}
.imges{
    position: relative;   
}
.imges >img{
width: 100%;
transition: all 1s;
position: absolute;
top: 0;
}

.imges>img.current{
    left :0;
    transform: translateX(0);
    z-index: 1;
}

.imges>img.leave{
    transform: translateX(-100%);
    z-index: 1;
}
.imges>img.enter{
    transform: translateX(100%);
    
}
